function buiidStyles(w, h) {
    var isIOS = api.systemType === "ios"
    //code  0 返回  1 右滑 2 单击  3 双击  4滑到最后一个视频返回5 播放记录放回index滚动到播放记录索引 6播放 7 暂停 8 缓冲返回 9 网络错误 10播放完成 11长按事件
    //按钮类型:music(带动画的音乐按钮),comment(评论),share(分享),like(红心点赞),avatar(头像),focus(关注),title(标题),desc(简介),musicName(音乐滚动字幕),component自定义组件 支持gif,
    //xywh 控件 位置 大小
    //pic 图片 音乐封面 图标图片 按钮背景图片等
    //pic1 评论输入框 pic1 图标 pic2 发送图标
    //isHtml: true,text文本是否html标签样式
    //data:{},//控件附带动态数据 可随事件返回
    //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色 scroll 是否随视频滚动
    //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
    //textSize:14  文字大小 textColor:'#ffffff' 文字颜色 alpha 背景透明度
    //hidden 是否隐藏  processColor 进度条颜色(需要进度条添加)
    //code:16//控件标识  同时作为点击事件返回码 0-15占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
    //  红包     音乐   分销    评论     点赞   头像     关注    视频简介 用户名    音乐名      自定义组件
    var music, share, comment, like, avatar, focus, title, userName, musicName, live_messages, component;
    music = {
        type: 'music',
        x: w - 65,
        y: h - 120,
        w: 80,
        h: 80,
        pic: 'widget://image/icon_music_cover.png',
        code: 16,
        hidden: false
    }; //旋转音乐
    share = {
        type: 'share',
        x: w - 60,
        y: h - 176,
        w: 36,
        h: 36,
        pic: '',
        code: 37,
        hidden: false,
        pic: 'widget://image/circle/circle_detail_share.png',
        num: {
            hidden: false,
            textColor: '#ffffff',
            textSize: 14,
            textStyle: 1,//0 正常 1粗体
            x: w - 60,
            y: isIOS ? h - 150 : h - 145,
            w: 36,
            h: 36
        }
    }; //分享
    comment = {
        type: 'comment',
        x: w - 60,
        y: h - 250,
        w: 38,
        h: 38,
        pic: '',
        code: 18,
        hidden: false,
        pic:'widget://image/circle/comment_ico.png',
        num: {
            hidden: false,
            textColor: '#ffffff',
            textSize: 14,
            textStyle: 1,//0 正常 1粗体
            x: w - 60,
            y: isIOS ? h - 220 : h - 210,
            w: 40,
            h: 40
        }
    }; //评论
    like = {
        type: 'like',
        x: w - 60,
        y: h - 320,
        w: 42,
        h: 36,
        pic: isIOS ?'widget://image/circle/circle_unlike.png':'widget://image/circle/circle_unlike_change.png',
        pic1: isIOS ?'widget://image/circle/circle_like.png':'widget://image/circle/circle_like_change.png',
        code: 19,
        hidden: false,
        num: {
            hidden: false,
            textColor: '#ffffff',
            textSize: 14,
            textStyle: 1,//0 正常 1粗体
            x: w - 60,
            y: isIOS ? h - 295 : h - 285,
            w: 40,
            h: 36
        }
    }; //红心点赞
    avatar = {
        type: 'avatar',
        x: isIOS ? w - 73 : w - 65,
        y: isIOS ? h - 412 : h - 400,
        w: isIOS ? 60 : 50,
        h: isIOS ? 60 : 50,
        radius: isIOS ? 30 : 25,
        // border: 2,
        // borderColor: '#ffffff',
        code: 20,
        hidden: false,

    }; //头像
    userName = {
        type: 'userName',
        x: 10,
        y: h - 166,
        w: 120,
        h: 44,
        textSize: 18,
        textStyle: 1,//0 正常 1粗体
        textColor: '#FFFFFF',
        border: 0,
        borderColor: '#333333',
        code: 21,
        hidden: false
    }; //视频简介
    title = {
        type: 'title',
        x: isIOS ? 10 : 0,//android 0
        y: h - 140,
        w: w - 120,// android w - 120,
        h: 30,
        code: 22,
        textSize: 14,
        textColor: '#FFFFFF',
        hidden: false,
    }; //用户名
    musicName = {
        type: 'musicName',
        x: 20,
        y: h - 80,
        w: w - 130,
        h: 36,
        textSize: 16,
        textColor: '#FFFFFF',
        backgroundColor: '#01000000',
        speed: 4,//速度
        code: 23,
        hidden: false,
    }; //头像
    focus = {
        type: 'focus',
        x: w - 55,
        y: h - 365,
        w: isIOS ? 25 : 30,
        h: isIOS ? 25 : 30,
        pic: 'widget://image/circle/circle_focus.png',
        pic1: 'widget://image/circle/circle_has_focus.png',
        code: 25,
        hidden: false
    }; // 关注
    live_messages = {
        type: 'live_messages',
        x: 10,
        y: 420,
        w: w - 100,
        h: h - 500,
        code: 555,
        hidden: false
    }; // 滚动消息
    live_messages = {
        type: 'live_messages',
        x: 10,
        y: 420,
        w: w - 100,
        h: h - 500,
        code: 555,
        hidden: false
    }; // 头部操作按钮
    component = {
        type: 'component',
        x: 0,
        y: h - 50,
        w: w,
        h: 50,
        // pic: 'widget:///image/circle/input_icon.png',
        // pic1: 'widget:///image/circle/input_icon.png',
        rect: {
            x: 10,
            y: 10,
            w: 20,
            h: 20
        },
        radius: 10,
        backgroundColor: '#000000',
        alpha: 0.1,
        border: 1,
        borderColor: '#01000000',
        text: '说点儿什么吧~',
        isHtml: false,//text文本是否html标签样式
        data: { test: '22222222' },//控件附带动态数据 可随事件返回
        textSize: 14,
        textColor: '#999999',
        alignment: 0,
        processColor: '#FF0000',
        processValue: 0,
        code: 27,
        hidden: false
    }; //自定义控件 评论输入框
    var styles = [avatar, focus, like, comment, share, title, userName, live_messages, component];
    return styles;
}


